<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta name="description" content="bootstrap admin template">
        <meta name="author" content="">

        <title>Bossjob</title><script type="text/javascript" src="../_resource/js/Api.js"></script>

        <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
        <link rel="shortcut icon" href="../favicon.ico">

        <!-- Stylesheets -->
        <link rel="stylesheet" href="../_resource/vendor/bootstrap/bootstrap.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/css/bootstrap-extend.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/css/site.min.css?v0.01">

        <!-- Plugins -->
        <link rel="stylesheet" href="../_resource/vendor/animsition/animsition.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/asscrollable/asScrollable.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/switchery/switchery.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/intro-js/introjs.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/slidepanel/slidePanel.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/flag-icon-css/flag-icon.min.css?v0.01">

        <!-- Page -->
        <link rel="stylesheet" href="../_resource/vendor/blueimp-file-upload/jquery.fileupload.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/dropify/dropify.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/formvalidation/formValidation.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/datatables-bootstrap/dataTables.bootstrap.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/datatables-fixedheader/dataTables.fixedHeader.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/datatables-responsive/dataTables.responsive.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/css/uikit/modals.min.css?v0.01">

        <!-- Fonts -->
        <link rel="stylesheet" href="../_resource/fonts/web-icons/web-icons.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/fonts/glyphicons/glyphicons.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/fonts/brand-icons/brand-icons.min.css?v0.01">
        <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
        <link rel="stylesheet" href="../_resource/fonts/weather-icons/weather-icons.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/fonts/font-awesome/font-awesome.min.css?v0.01">

        <!-- datepicker -->
        <link rel="stylesheet" href="../_resource/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/jsgrid/jsgrid.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/dropify/dropify.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/summernote/summernote.min.css?v0.01">

        <link rel="stylesheet" href="../_resource/vendor/bootstrap-maxlength/bootstrap-maxlength.min.css?v0.01">
        <link rel="stylesheet" href="../_resource/vendor/typeahead-js/typeahead.min.css?v0.01">


        <!--[if lt IE 9]>
        <script src="../_resource/vendor/html5shiv/html5shiv.min.js?v0.01"></script>
        <![endif]-->

        <!--[if lt IE 10]>
        <script src="../_resource/vendor/media-match/media.match.min.js?v0.01"></script>
        <script src="../_resource/vendor/respond/respond.min.js?v0.01"></script>
        <![endif]-->

        <!-- Scripts -->
        <script src="../_resource/vendor/jquery/jquery.min.js?v0.01"></script>
        <script src="../_resource/js/access.js?v0.01"></script><script src="../_resource/js/base.js?v0.01"></script>
        <script src="../_resource/vendor/bootstrap/bootstrap.min.js?v0.01"></script>
        <script src="../_resource/vendor/modernizr/modernizr.min.js?v0.01"></script>
        <script src="../_resource/vendor/breakpoints/breakpoints.min.js?v0.01"></script>
        <script>
            var RUN_FUNCS = [];
            var SITE_URL = "http://admin.html.me";
            var CURR_CONTROLLER = "Feedback";
            var CURR_ACTION = "index";
            Breakpoints();
        </script>
        <style type="text/css">
            .list-table table td, .list-table table th{background:#fff; text-align:center;}
            .__access{display: none;}
        </style>
    </head>
    <body class="dashboard">
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation" id="navbardefaultmodel">
             <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('head_html')"></script>
        </nav>
        <div class="site-menubar">
            <div class="site-menubar-body" id="site-menubar-body">
                <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('nav_html')"></script>
            </div>
        </div>

        <!-- Page -->
        <div class="page">
            <div class="page-content container-fluid">

                <div
                    class="list-table " 

                    style="" 
                    >
                    <div class="panel panel-bordered list-table-search " 
                         style="" 
                         >
                        <div class="panel-body">
                            <form class="form-inline search-form " 
                                  id="searchForm" 
                                  name="searchForm" 
                                  method="post" 
                                  action="http://admin.html.me/Feedback/index" 
                                  target="_self">
                                <div class="search-row " 
                                     style="" 
                                     >
                                    <div 
                                        id="keyword-form-item"  class="form-group " style="" >
                                        <label for="keyword" class="control-label ">
                                            Keyword:             </label>
                                        <input type="text" name="keyword" id="keyword" class="form-control " style="" placeholder=""  value="" />

                                    </div>

                                    <button class="btn btn-success" 
                                            type="submit" 

                                            style="" 

                                            >
                                        Search
                                    </button>

                                </div>
                            </form>
                        </div>
                    </div>
                    <div
                        class="panel " 

                        style="" 
                        >
                        <div class="panel-body">
                            <div class="list-btns margin-bottom-15 " 
                                 style="" 
                                 >
                                <a class="btn btn-primary" href="http://admin.html.me/Feedback/forward" target="_self" style="">Forward</a>
                            </div>
                            <table id="tabel201709201430350321656" 



                                   border="0" cellpadding="6" cellspacing="1"
                                   class="table table-bordered   checkListTable "
                                   style="" 
                                   >
                                <thead class="list-thead">
                                    <tr>
                                        <td class="nosort" width="38" data-width="38" style="text-align:center; line-height: normal;">
                                            <span class="checkbox-custom checkbox-primary">
                                                <input class="selectable-all" type="checkbox" onclick="$.tableCheckHandler(this)">
                                                <label></label>
                                            </span>
                                        </td>
                                        <td class="" 
                                            style="text-align:center;white-space:nowrap;" 
                                            width="100"  
                                            code="id">
                                            <span>Feedback ID</span>
                                        </td>
                                        <td class="" 
                                            style="text-align:center;white-space:nowrap;" 

                                            code="usertype">
                                            <span>Mobile</span>
                                        </td>
                                        <td class="" 
                                            style="text-align:center;white-space:nowrap;" 

                                            code="status">
                                            <span>Email</span>
                                        </td>
                                        <td class="" 
                                            style="text-align:center;white-space:nowrap;" 

                                            code="description">
                                            <span>Description</span>
                                        </td>
                                        <td class="" 
                                            style="text-align:center;white-space:nowrap;" 

                                            code="date">
                                            <span>Date</span>
                                        </td>
                                        <td class="nosort" 
                                            style="text-align:center;white-space:nowrap;" 
                                            width="100"  
                                            code="">
                                            <span>Action</span>
                                        </td>
                                    </tr>
                                </thead><tbody class="list-tbody">
                                </tbody>
                            </table>
                            <nav class="pagination-nav">
                                <ul class="pagination">
                                    <li>
                                        <span>
                                            relevant data momentarily
                                        </span>
                                    </li>
                                </ul>
                            </nav><script type="text/javascript">
                                $(document).ready(function () {
                                    var minwidth = 0;
                                    var isFixedColumns = minwidth > 0 && $('#tabel201709201430350321656').width() < minwidth;
                                    console.log($('#tabel201709201430350321656').width(), isFixedColumns);
                                    var table = $('#tabel201709201430350321656').DataTable({
                                        fixedHeader: true,
                                        autoWidth: isFixedColumns,
                                        scrollCollapse: true,
                                        paging: false,
                                        info: false,
                                        searching: false,
                                        scrollX: true,
                                        order: [[0, '']],
                                        columnDefs: [
                                            {targets: 'nosort', orderable: false, sSortAsc: false}
                                        ]
                                    }).on('order.dt', function () {
                                        var order = table.order()[0];
                                        var code = $('thead td', this).eq(order[0]).attr('code');
                                        console.log(code);
                                    });

                                    if (isFixedColumns) {
                                        new $.fn.dataTable.FixedColumns(table, {
                                            leftColumns: 1,
                                            rightColumns: 1
                                        });
                                    }
                                });
                            </script>
                        </div>
                    </div>
                </div>

            </div>

            <!-- Modal -->
            <div class="modal fade" id="confirmModal" aria-hidden="true" role="dialog" tabindex="-1">
                <div class="modal-dialog modal-center">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body">
                            <p></p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary"></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="alertModal" aria-hidden="true" role="dialog" tabindex="-1">
                <div class="modal-dialog modal-center">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Modal -->
        </div>
        <!-- End Page -->

        <!-- Footer -->
        <footer class="site-footer">
            <div class="site-footer-legal">© 2016 BossJob</div>
            <div class="site-footer-right"></div>
        </footer>

        <!-- Core  -->
        <script src="../_resource/vendor/animsition/animsition.min.js?v0.01"></script>
        <script src="../_resource/vendor/asscroll/jquery-asScroll.min.js?v0.01"></script>
        <script src="../_resource/vendor/mousewheel/jquery.mousewheel.min.js?v0.01"></script>
        <script src="../_resource/vendor/asscrollable/jquery.asScrollable.all.min.js?v0.01"></script>
        <script src="../_resource/vendor/ashoverscroll/jquery-asHoverScroll.min.js?v0.01"></script>

        <!-- Plugins -->
        <script src="../_resource/vendor/switchery/switchery.min.js?v0.01"></script>
        <script src="../_resource/vendor/intro-js/intro.min.js?v0.01"></script>
        <script src="../_resource/vendor/screenfull/screenfull.min.js?v0.01"></script>
        <script src="../_resource/vendor/slidepanel/jquery-slidePanel.min.js?v0.01"></script>

        <!-- Plugins For This Page -->
        <script src="../_resource/vendor/jquery-ui/jquery-ui.min.js?v0.01"></script>
        <script src="../_resource/vendor/datatables/jquery.dataTables.min.js?v0.011505860234"></script>
        <script src="../_resource/vendor/datatables/dataTables.autoFill.min.js?v0.01"></script>
        <script src="../_resource/vendor/datatables/dataTables.fixedColumns.min.js?v0.01"></script>
        <script src="../_resource/vendor/datatables-fixedheader/dataTables.fixedHeader.js?v0.01"></script>
        <script src="../_resource/vendor/datatables-bootstrap/dataTables.bootstrap.min.js?v0.01"></script>
        <script src="../_resource/vendor/blueimp-canvas-to-blob/canvas-to-blob.min.js?v0.01"></script>
        <script src="../_resource/vendor/blueimp-file-upload/jquery.fileupload.js?v0.01"></script>
        <script src="../_resource/vendor/dropify/dropify.min.js?v0.01"></script>

        <!-- datepicker -->
        <script src="../_resource/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js?v0.01"></script>
        <script src="../_resource/vendor/jsgrid/jsgrid.min.js?v0.01"></script>
        <script src="../_resource/vendor/summernote/summernote.min.js?v0.01"></script>

        <!-- Scripts -->
        <script src="../_resource/vendor/bootstrap-maxlength/bootstrap-maxlength.js?v0.01"></script>
        <script src="../_resource/vendor/typeahead-js/bloodhound.min.js?v0.01"></script>
        <script src="../_resource/vendor/typeahead-js/typeahead.jquery.min.js?v0.01"></script>

        <script src="../_resource/js/core.min.js?v0.01"></script>
        <script src="../_resource/js/site.min.js?v0.01"></script>

        <script src="../_resource/js/sections/menu.min.js?v0.01"></script>
        <script src="../_resource/js/sections/menubar.min.js?v0.01"></script>
        <script src="../_resource/js/sections/gridmenu.min.js?v0.01"></script>
        <script src="../_resource/js/sections/sidebar.min.js?v0.01"></script>
        <script src="../_resource/js/configs/config-tour.min.js?v0.01"></script>



        <script src="../_resource/js/components/asscrollable.min.js?v0.01"></script>
        <script src="../_resource/js/components/animsition.min.js?v0.01"></script>
        <script src="../_resource/js/components/slidepanel.min.js?v0.01"></script>
        <script src="../_resource/js/components/switchery.min.js?v0.01"></script>

        <script src="../_resource/js/plugins/responsive-tabs.min.js?v0.01"></script>
        <script src="../_resource/js/plugins/closeable-tabs.min.js?v0.01"></script>
        <script src="../_resource/js/components/tabs.min.js?v0.01"></script>
        <script src="../_resource/js/components/input-group-file.min.js?v0.01"></script>
        <script src="../_resource/js/components/bootstrap-datepicker.min.js?v0.01"></script>
        <script src="../_resource/js/components/dropify.min.js?v0.01"></script>
        <script src="../_resource/js/components/summernote.min.js?v0.01"></script>

        <script>
                                (function (document, window, $) {
                                    'use strict';

                                    var Site = window.Site;
                                    $(document).ready(function () {
                                        Site.run();
                                        $('textarea[maxlength]').maxlength({
                                            threshold: 1000,
                                            placement: 'bottom-left-inside'
                                        });

                                        $.components.register("datepicker", {mode: "default", defaults: {autoclose: !0}});

                                        if (RUN_FUNCS.length > 0) {
                                            for (var i = 0; i < RUN_FUNCS.length; i++) {
                                                RUN_FUNCS[i].call();
                                            }
                                        }
                                    });
                                })(document, window, jQuery);


        </script>
    </body>
</html>